<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>好开票 - 祝您轻松解决发票问题</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="layui.css"  media="all">
    <link rel="stylesheet" href="demo.css" media="all">

    <style>
        .layui-table .layui-form-checkbox[lay-skin=primary]{margin:0;}
        .header-demo {
            height: 85px;
            border-bottom: none;
        }
    </style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header header-demo">
        <div class="layui-main">
            <a class="logo" href="/">
                <img src="./images/logo.png" alt="layui">
            </a>
            <div class="layui-form component" style="width: 2000px;">
                <span   style="font-size: 30px;color: #fff;">
                    好开票，让开发票变得很容易
                </span>
            </div>
        </div>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">

            <ul class="layui-nav layui-nav-tree site-demo-nav">
                <br>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="javascript:;" href="javascript:;">待开发票</a>
                </li>

                <li class="layui-nav-item layui-nav-itemed">
                    <a class="javascript:;" href="javascript:;">合开发票</a>
                </li>

                <li class="layui-nav-item layui-nav-itemed">
                    <a class="javascript:;" href="javascript:;">发票管理</a>
                    <dl class="layui-nav-child">
                        <dd class="">
                            <a href="/demo/button.html">今日发票</a>
                        </dd>
                        <dd class="">
                            <a href="/demo/form.html">昨天发票</a>
                        </dd>
                        <dd class="">
                            <a href="/demo/nav.html">本月发票</a>
                        </dd>
                        <dd class="">
                            <a href="/demo/tab.html">历史发票</a>
                        </dd>
                    </dl>
                </li>

                <li class="layui-nav-item layui-nav-itemed">
                    <a class="javascript:;" href="javascript:;">我要发券</a>
                </li>

                <li class="layui-nav-item layui-nav-itemed">
                    <a class="javascript:;" href="javascript:;">合开发票</a>
                </li>

                <li class="layui-nav-item layui-nav-itemed">
                    <a class="javascript:;" href="javascript:;">优惠券管理</a>
                </li>

                <li class="layui-nav-item layui-nav-itemed">
                    <a class="javascript:;" href="javascript:;">提交意见</a>
                </li>

                <li class="layui-nav-item" style="height: 30px; text-align: center"></li>
            </ul>

        </div>
    </div>
    <div class="layui-tab layui-tab-brief" lay-filter="demoTitle">
        <div class="layui-body layui-tab-content site-demo site-demo-body">
            <div class="layui-tab-item layui-show">
                <div class="layui-main">
                    <div id="LAY_preview">

                        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
                            <legend>今日待开发票</legend>
                        </fieldset>

                        <table class="layui-table" lay-even lay-skin="row">
                            <colgroup>
                                <col width="150">
                                <col width="150">
                                <col width="200">
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>编号</th>
                                <th>开票人手机号</th>
                                <th>开票抬头</th>
                                <th>开票税号</th>
                                <th>开票金额</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>001</td>
                                <td>13801099977</td>
                                <td>北京中石油销售有限公司</td>
                                <td>963846328x2</td>
                                <td>455</td>
                                <td>
                                    <button class="layui-btn layui-btn-small">发票已开</button>
                                    <button class="layui-btn layui-btn-small layui-btn-normal">下次合开</button>
                                    <button class="layui-btn layui-btn-small" style="background-color: #FF5722;">取消</button>
                                </td>
                            </tr>
                            <tr>
                                 <td>001</td>
                                <td>13801099977</td>
                                <td>北京中石油销售有限公司</td>
                                <td>963846328x2</td>
                                <td>455</td>
                                <td>
                                    <button class="layui-btn layui-btn-small">发票已开</button>
                                    <button class="layui-btn layui-btn-small layui-btn-normal">下次合开</button>
                                    <button class="layui-btn layui-btn-small" style="background-color: #FF5722;">取消</button>
                                </td>
                            </tr>
                            <tr>
                                   <td>002</td>
                                <td>13801099977</td>
                                <td>北京中石油销售有限公司</td>
                                <td>963846328x2</td>
                                <td>455</td>
                                <td>
                                    <button class="layui-btn layui-btn-small">发票已开</button>
                                    <button class="layui-btn layui-btn-small layui-btn-normal">下次合开</button>
                                    <button class="layui-btn layui-btn-small" style="background-color: #FF5722;">取消</button>
                                </td>
                            </tr>
                            <tr>
                                   <td>003</td>
                                <td>13801099977</td>
                                <td>北京中石油销售有限公司</td>
                                <td>963846328x2</td>
                                <td>455</td>
                                <td>
                                    <button class="layui-btn layui-btn-small">发票已开</button>
                                    <button class="layui-btn layui-btn-small layui-btn-normal">下次合开</button>
                                    <button class="layui-btn layui-btn-small" style="background-color: #FF5722;">取消</button>
                                </td>
                            </tr>
                            <tr>
                                   <td>004</td>
                                <td>13801099977</td>
                                <td>北京中石油销售有限公司</td>
                                <td>963846328x2</td>
                                <td>455</td>
                                <td>
                                    <button class="layui-btn layui-btn-small">发票已开</button>
                                    <button class="layui-btn layui-btn-small layui-btn-normal">下次合开</button>
                                    <button class="layui-btn layui-btn-small" style="background-color: #FF5722;">取消</button>
                                </td>
                            </tr>
                            </tbody>
                        </table>

                    </div>

                </div>
            </div>


            <div class="layui-tab-item">
<textarea class="layui-border-box site-demo-text site-demo-code" id="LAY_democode" spellcheck="false" readonly>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="//res.layui.com/layui/build/css/layui.css"  media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
</textarea>
            </div>


            <div class="layui-tab-item">
                <div class="layui-main">
                    <p></p>


                    <div style="margin: 15px 0;">
                        <ins class="adsbygoogle"
                             style="display:inline-block;width:970px;height:90px"
                             data-ad-client="ca-pub-6111334333458862"
                             data-ad-slot="6835627838"></ins>
                    </div>


                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
                        <legend>相关</legend>
                    </fieldset>
                    <a class="layui-btn layui-btn-normal" href="/doc/element/table.html" target="_blank">表格元素文档</a>
                </div>
            </div>


        </div>
    </div>
    <div class="layui-footer footer footer-demo">
        <div class="layui-main">
            <p>&copy; 2017 <a href="/">layui.com</a> MIT license</p>
            <p>&copy; 2017 <a href="/">layui.com</a> MIT license</p>
        </div>
    </div>
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <div class="site-tree-mobile layui-hide">
        <i class="layui-icon">&#xe602;</i>
    </div>
    <div class="site-mobile-shade"></div>
    <script src="//res.layui.com/layui/build/layui.js?t=1498856285724" charset="utf-8"></script>
    <script>
        layui.config({
            base: '//res.layui.com/lay/modules/layui/'
            ,version: '1498856285724'
        }).use('global');

        window.global = {
            preview: function(){
                var preview = document.getElementById('LAY_preview');
                return preview ? preview.innerHTML : '';
            }()
        };
    </script>
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_30088308'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "w.cnzz.com/c.php%3Fid%3D30088308' type='text/javascript'%3E%3C/script%3E"));</script>
</div>
<div id="LAY_democodejs">
    <script>
        layui.use('form', function(){
            var $ = layui.jquery, form = layui.form();

            //全选
            form.on('checkbox(allChoose)', function(data){
                var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
                child.each(function(index, item){
                    item.checked = data.elem.checked;
                });
                form.render('checkbox');
            });

        });
    </script>
</div>
</body>
</html>